<!-- <!DOCTYPE html>
<html>
	<head> -->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <meta name="description" content="Signature Pad - HTML5 canvas based smooth signature drawing using variable width spline interpolation.">

  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心</title>
		<link rel="stylesheet" href="./css/sign/signature-pad.css">
		<link rel="stylesheet" href="./plugins/vant/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vant/vant.min.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<script src="./plugins/jQuery/jquery.js"></script>
		<script src="./plugins/jQuery/jquery.min.js"></script>
		<script src="./plugins/jQuery/jq-signature.js"></script>
	
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">

	</head>
	<style type="text/css">
		.vant-section-scroll {

		}

		.vant-section {
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			height: 100%;
		}

		.signdiv {
			vertical-align: middle;
			margin-top: 20px;
		}
		.invisible {visibility:hidden}
		.visible {visibility:visible}
	</style>
	<body> 
		
<div id="app">
			<template>
				<section class="vant-section">
					<div class="vant-section-scroll">
						<van-collapse v-model="activeName" accordion>
								<van-collapse-item title="基本信息" name="1">
									<van-cell-group>
										<van-field v-model="totalForm.identityCard" placeholder="请输入身份证号" label="身份证号" @blur="findexist" >
										</van-field>
										<van-field v-model="totalForm.name" placeholder="请输入姓名" label="姓名" >
										</van-field>
										<van-field v-model="totalForm.tel" placeholder="请输入联系电话" label="联系电话" @blur="checktel">
										</van-field>
										<van-radio-group v-model="totalForm.sex" direction="horizontal">
							
											<div class="van-cell van-field">
												<div class="van-cell__title van-field__label">
													<span>性别</span>
												</div>
												<van-radio name="男">男</van-radio>
												<van-radio name="女">女</van-radio>
											</div>
							
										</van-radio-group>
							
										<van-cell title="请选择出生日期" is-link :value-class="className" :value="timeValueBirthday" @click="showPopupBirthday"></van-cell>
										<van-popup v-model="showbirthday" position="bottom">
											<van-datetime-picker :v-model="totalForm.birthday" type="date" title="选择时间" :loading="isLoadingShow"
											 :min-date="minbirthDate" :max-date="maxDate" @cancel="showbirthday = false" @confirm="confirmPickerBirthday">
											</van-datetime-picker>
										</van-popup>
							
										<van-radio-group v-model="totalForm.maritalStatus" direction="horizontal">
							
											<div class="van-cell van-field">
												<div class="van-cell__title van-field__label">
													<span>婚姻状况</span>
												</div>
												<van-radio name="已婚">已婚</van-radio>
												<van-radio name="未婚">未婚</van-radio>
											</div>
							
										</van-radio-group>
							
										<van-field v-model="totalForm.registeredPermanentResidence" placeholder="请输入户籍所在地" label="户籍所在地">
										</van-field>
										<van-field v-model="totalForm.residentialAddress" placeholder="请输入居住地址" label="现居住地址">
										</van-field>
										<van-field v-model="totalForm.urgentName" placeholder="请输入紧急联络人" label="紧急联络人">
										</van-field>
										<van-field v-model="totalForm.urgentTel" placeholder="请输入紧急联络人电话" label="紧急联络人电话">
										</van-field>

										<van-field readonly clickable label="应聘地点" :value="totalForm.local" placeholder="请选择应聘地点" @click="showLocalPicker = true"></van-field>
										<van-popup v-model="showLocalPicker" position="bottom">
											<van-picker show-toolbar :columns="localcolumns" @cancel="showLocalPicker = false" @confirm="onLocalConfirm"> </van-picker>
										</van-popup>
							
										<van-field readonly clickable label="应聘职位" :value="totalForm.position" placeholder="请选择应聘职位" @click="showPicker = true"></van-field>
										<van-popup v-model="showPicker" position="bottom">
											<van-picker show-toolbar :columns="columns" @cancel="showPicker = false" @confirm="onConfirm"> </van-picker>
										</van-popup>
							
										<van-field v-model="totalForm.salaryExpectation" placeholder="请输入期望薪资" label="期望薪资">
										</van-field>
										<van-cell title="请输入最快到岗时间" is-link :value-class="className" :value="timeValueFast" @click="showPopupFast"></van-cell>
										<van-popup v-model="showfastest" position="bottom">
											<van-datetime-picker :v-model="totalForm.fastestWorkTime" type="date" title="选择时间" :loading="isLoadingShow"
											 :min-date="minfastDate" :max-date="maxDate" @cancel="showfastest = false" @confirm="confirmPickerFast">
											</van-datetime-picker>
										</van-popup>
									</van-cell-group>
								</van-collapse-item>
								<van-collapse-item title="教育背景" name="2">
							
									<van-cell title="最高学历开始日期" is-link :value-class="className" :value="timeValueLearnStart" @click="showPopupLearnStart"></van-cell>
									<van-popup v-model="showstart" position="bottom">
										<van-datetime-picker :v-model="totalForm.learnStartTime" type="date" title="选择时间" :loading="isLoadingShow"
										 :min-date="minDate" :max-date="maxDate" @cancel="showstart = false" @confirm="confirmPickerLearnStart">
										</van-datetime-picker>
									</van-popup>
									<van-cell title="最高学历毕业日期" is-link :value-class="className" :value="timeValueLearnEnd" @click="showPopupLearnEnd"></van-cell>
									<van-popup v-model="showend" position="bottom">
										<van-datetime-picker :v-model="totalForm.learnEndTime" type="date" title="选择时间" :loading="isLoadingShow"
										 :min-date="minDate" :max-date="maxDate" @cancel="showend = false" @confirm="confirmPickerLearnEnd">
										</van-datetime-picker>
									</van-popup>
									<van-field v-model="totalForm.schoolName" placeholder="请输入学校名称" label="学校名称">
									</van-field>
							
									<van-radio-group v-model="totalForm.examinationType" direction="horizontal">
							
										<div class="van-cell van-field">
											<div class="van-cell__title van-field__label">
												<span>统考/自考</span>
											</div>
											<van-radio name="统考">统考</van-radio>
											<van-radio name="自考">自考</van-radio>
										</div>
							
									</van-radio-group>
									<van-field v-model="totalForm.educationList" placeholder="请输入学历" label="学历">
									</van-field>
									<van-field v-model="totalForm.major" placeholder="请输入专业" label="专业">
									</van-field>
									<van-radio-group v-model="totalForm.graduateType" direction="horizontal">
										<div class="van-cell van-field">
											<div class="van-cell__title van-field__label">
												<span>是否在读</span>
											</div>
											<van-radio name="在读">在读</van-radio>
											<van-radio name="毕业">毕业</van-radio>
										</div>
									</van-radio-group>
								</van-collapse-item>
							
													
							
							<van-collapse-item title="其他信息" name="3">
								<van-field v-model="totalForm.nation" placeholder="请输入民族" label="民族">
								</van-field>
								<van-field v-model="totalForm.stature" placeholder="请输入身高" label="身高">
								</van-field>
								<van-field v-model="totalForm.weight" placeholder="请输入体重(kg)" label="体重(kg)">
								</van-field>
								<van-field v-model="totalForm.eMail" placeholder="请输入邮箱地址" label="邮箱地址">
								</van-field>
								<van-radio-group v-model="totalForm.health[0].value" direction="horizontal">
									<van-cell-group>
										<van-cell :title="totalForm.health[0].label">
											<template #right-icon>
												<van-radio name="否">否</van-radio>
												<van-radio name="是">是</van-radio>
											</template>
										</van-cell>
									</van-cell-group>
								</van-radio-group>
								<van-radio-group v-model="totalForm.health[1].value" direction="horizontal">
									<van-cell-group>
										<van-cell :title="totalForm.health[1].label">
											<template #right-icon>
												<van-radio name="否">否</van-radio>
												<van-radio name="是">是</van-radio>
											</template>
										</van-cell>
									</van-cell-group>
								</van-radio-group>
								<van-radio-group v-model="totalForm.health[2].value" direction="horizontal">
									<van-cell-group>
										<van-cell :title="totalForm.health[2].label">
											<template #right-icon>
												<van-radio name="否">否</van-radio>
												<van-radio name="是">是</van-radio>
											</template>
										</van-cell>
									</van-cell-group>
								</van-radio-group>
								<van-radio-group v-model="totalForm.health[3].value" direction="horizontal">
									<van-cell-group>
										<van-cell :title="totalForm.health[3].label">
											<template #right-icon>
												<van-radio name="否">否</van-radio>
												<van-radio name="是">是</van-radio>
											</template>
										</van-cell>
									</van-cell-group>
								</van-radio-group>
								<van-radio-group v-model="totalForm.health[4].value" direction="horizontal">
									<van-cell-group>
										<van-cell :title="totalForm.health[4].label">
											<template #right-icon>
												<van-radio name="否">否</van-radio>
												<van-radio name="是">是</van-radio>
											</template>
										</van-cell>
									</van-cell-group>
								</van-radio-group>
								<van-field v-model="totalForm.certificateLevel" placeholder="请输入会计证级别" label="会计证级别">
								</van-field>
								<van-field v-model="totalForm.englishLevel" placeholder="请输入英语级别" label="英语级别">
								</van-field>
								<van-field v-model="totalForm.selfComment" placeholder="请输入自我评价" label="自我评价">
								</van-field>
								<van-field v-model="totalForm.specialty" placeholder="请输入特长" label="特长">
								</van-field>
<!-- 								<van-field v-model="totalForm.openBank" placeholder="请输入开户行" label="开户行">
								</van-field>
								<van-field v-model="totalForm.accountNumber" placeholder="请输入银行卡号" label="银行卡号">
								</van-field> -->
							</van-collapse-item>
							<van-collapse-item title="最近工作经历" name="4">
								<van-cell title="工作开始日期" is-link :value-class="className" :value="timeValueStart" @click="showPopupStart"></van-cell>
								<van-popup v-model="showstart" position="bottom">
									<van-datetime-picker :v-model="totalForm.workexperience[0].workstarttime" type="date" title="选择时间" :loading="isLoadingShow"
									 :min-date="minDate" :max-date="maxDate" @cancel="showstart = false" @confirm="confirmPickerStart">
									</van-datetime-picker>
								</van-popup>
								<van-cell title="工作毕业日期" is-link :value-class="className" :value="timeValueEnd" @click="showPopupEnd"></van-cell>
								<van-popup v-model="showend" position="bottom">
									<van-datetime-picker :v-model="totalForm.workexperience[0].workendtime" type="date" title="选择时间" :loading="isLoadingShow"
									 :min-date="minDate" :max-date="maxDate" @cancel="showend = false" @confirm="confirmPickerEnd">
									</van-datetime-picker>
								</van-popup>
								<van-field v-model="totalForm.workexperience[0].companyname" placeholder="请输入单位名称" label="单位名称">
								</van-field>
								<van-field v-model="totalForm.workexperience[0].post" placeholder="请输入岗位" label="岗位">
								</van-field>
								<van-field v-model="totalForm.workexperience[0].workreferences" placeholder="请输入证明人" label="证明人">
								</van-field>
								<van-field v-model="totalForm.workexperience[0].workreferences_tel" placeholder="请输入证明人联系电话" label="证明人联系电话">
								</van-field>
								<van-field v-model="totalForm.workexperience[0].workreason" placeholder="请输入离职原因" label="离职原因">
								</van-field>

							</van-collapse-item>
							<van-collapse-item title="主要家庭成员(含孩子)" name="5">
								<div v-for="(item,index) in totalForm.family">
									<van-divider>亲属{{index+1}}</van-divider>
									<van-field v-model="item.fam_relation" placeholder="请输入关系" label="关系">
									</van-field>
									<van-field v-model="item.fam_name" placeholder="请输入姓名" label="姓名">
									</van-field>
													
									<van-field v-model="item.fam_age" placeholder="请输入年龄" label="年龄">
									</van-field>
									<van-field v-model="item.fam_company_name" placeholder="请输入单位名称" label="单位名称">
									</van-field>
									<van-field v-model="item.fam_tel" placeholder="请输入联系电话" label="联系电话">
									</van-field>
									</div>
							</van-collapse-item>
							<van-button square type="primary" @click="check()" size="large" >确认签字</van-button>
		<div class="signdiv" v-show="showsign">
			<label>签名：</label>
			<div></div>
			<img :src="totalForm.dataUrl">
			</img>
		</div>
	<div :class='[styles]'>
	
	<div class="signdiv">
			<label>本人承诺上述基本情况都完全真实，并承诺和公司正式签订劳务合同时已与其他用人单位解除劳务合同，
				愿接受公司对本人背景的真实性调查，如有虚假本人愿意承担全部责任(请签名并且点击保存在进行确认)
			</label>
		</div>

		
		<div class="signdiv">
			<label>签名区域：</label>
		</div>
		
		<div style="width:100%;height: 500px;">
		<div id="signature-pad" class="signature-pad">
		  <div class="signature-pad--body">
		    <canvas ></canvas>
		  </div>
		  <div class="signature-pad--footer">				
		    <div class="signature-pad--actions">
		      <div>
		        <button type="button" class="button clear" data-action="clear" >清除</button>
		        <button type="button" class="button" data-action="change-color">改变颜色</button>
		        <button type="button" class="button" data-action="undo">取消上一笔</button>
		
		      </div>
		      <div>
		        <button type="button" class="button save" data-action="save-png" :disabled="saveDisable">保存</button>
	
		      </div>
		    </div>
		  </div>
		</div>
	</div>
	
	<van-button square type="primary" @click="update()" size="large" :disabled="submitDisable">确认</van-button>
</div>	
							

						
							
					</div>
		
				</section>
			</template>

		</div>

	</body>

	<script src="./js/applicant_details.js"></script>
	<script src="./js/sign/signature_pad.umd.js"></script>
	<script src="./js/sign/app.js"></script>
</html>
